/* IE10以下提升升级 */
.isIE{ width: 100%; height: 100%; background: #fff url(isIE.jpg) no-repeat center; position: fixed; left: 0; top: 0; z-index: 99999999999999;}

/*网站单位设置*/
@media only screen and (min-width: 360px) {
	html { font-size: 26px !important; }
}
@media only screen and (min-width: 435px) {
	html { font-size: 30px !important; }
}
/*@media only screen and(min-width: 500px) {
	html { font-size: 36px!important }
}*/
@media (min-width: 769px) {
	html { font-size: 34px !important; }
}
@media only screen and (min-width: 1024px) {
	html {  font-size: 28px !important;	}
}
@media only screen and (min-width: 1200px) {
	html {font-size: 30px !important;}
}
@media only screen and (min-width: 1440px) {
	html {font-size: 34px !important;}
}
@media only screen and (min-width: 1680px) {
	html {font-size: 40px !important;}
}

/* button效果 */
.wlp-button4 {position:relative; overflow:hidden;}
.wlp-button4::after {content:"";width:100%; height:100%; z-index:1;opacity:0; position:absolute;left:0;top:0;background-color:rgba(255,255,255,0.5);-webkit-transition:all 0.5s;	transition:all 0.5s;}
.wlp-button4:hover::after {	opacity:1;	-webkit-transform:skewX(-180deg) scale(0.5,1);	transform:skewX(-180deg) scale(0.5,1);}

/* 水平镜像翻转 */
.mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;}
.mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}
/*图片放大*/
.imgZoom img{transition: all .5s;-webkit-transition: all .5s;}
.imgZoom:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow{transition: all .4s;}
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);-webkit-box-shadow:0 0px 10px rgba(0,0,0,.2); box-shadow:0 0px 10px rgba(0,0,0,.2);}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

/*  -- flex弹性布局 -- */
.flex {	display: flex;}
.basis-20 {	width: 20%; flex-shrink: 0;}
.basis-25 {	width: 25%; flex-shrink: 0;}
.basis-30 { width: 30%; flex-shrink: 0;}
.basis-35 {	width: 35%; flex-shrink: 0;}
.basis-40 {	width: 40%; flex-shrink: 0;}
.basis-50 {	width: 50%; flex-shrink: 0;}
.basis-60 { width: 60%;}
.basis-65 { width: 65%;}
.basis-70 { width: 70%;}
.basis-75 { width: 75%;}
.basis-80 {	width: 80%;}

.flex-sub {	flex: 1;}
.flex-twice {flex: 2;}
.flex-treble {flex: 3;}

.direction-column {flex-direction: column;}
.direction-column-reverse {flex-direction: column-reverse;}
.direction-row {flex-direction: row-reverse;}

.flex-wrap {flex-wrap: wrap;}

.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center {	align-items: center;}
.align-stretch {align-items: stretch;}

.self-start {align-self: flex-start;}
.self-center {align-self: flex-center;}
.self-end {	align-self: flex-end;}
.self-stretch {	align-self: stretch;}
.align-stretch {align-items: stretch;}

.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}


/* 视频背景 */
.bg-video {position: relative;}
.bg-video video {display: block;height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;	position: absolute;	top: 0;	z-index: 0;	pointer-events: none;}

/* 图片 */
.imgBoxCover{ padding-bottom: 75%; position: relative; overflow: hidden;}
.imgBoxCover img{ width: 100%; height: 100%; position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; -o-object-fit: cover; object-fit: cover;}
.imgBoxAuto{ padding-bottom: 75%; position: relative; overflow: hidden;}
.imgBoxAuto img{ position:absolute;top:0;bottom:0;left:0;right:0; margin:auto;}

.text-cut {	text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-cut-2 { overflow: hidden;text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.text-cut-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;	-webkit-box-orient: vertical;}